<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
    <title>花予茶 - 商城首页</title>

    <!-- fav icons -->
    <link rel="shortcut icon" href="assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->



</head>

<body>

<div class="container-fluid nopadding">

    <div class="page_content_ucpage">

        <div class="pc_head">

            <div class="pc_top">
                <div class="pc_w1200">
                    <ul class="pct_lnav" style="float: right;">
                        <li>零下一度，欢迎您！请 <a href="">登录</a> / <a href="">注册</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-user"></span> 我的花予茶</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-book"></span> 帮助中心</a></li>
                    </ul>
                    <ul class="pct_lnav">
                        <li><a href="">收藏本站</a></li>
                        <li>您现在位置 <a href="">上海</a></li>
                    </ul>
                </div>
            </div>

            <div class="pc_nav">
                <div class="pc_w1200">
                    <div class="huacha_logo"><a href="">花予茶</a></div>
                    <div class="top_catalog"><img src="assets/img/icons/catalog.png" alt=""/></div>
                    <div class="top_ad"><img data-src="holder.js/700x130" alt=""></div>
                    <div class="head_control">
                        <div class="shopping_cart" id="s_cart">
                            <a href="" id="s_cart_nums1">
                                <div class="cart_name"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车</div>
                                <div class="cart_num">12</div>
                            </a>
                        </div>
                        <div class="nav_search">
                            <div class="search_bot"><input type="image" src="assets/img/bg/bot.png"/></div>
                            <div class="search_input"><input type="text" class="form-control" placeholder="搜索关键词"></div>
                        </div>
                        <ul class="main_nav">
                            <li><a href="" class="current">网站首页</a></li>
                            <li><a href="">所有商品</a></li>
                            <li><a href="">促销活动</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="pc_local">
            <div class="pc_w1200">
                <ul class="gps">
                    <li><span class="glyphicon glyphicon-map-marker"></span></li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="">我的花予茶</a></li>
                    <li><a href="" class="current">订单管理</a></li>
                </ul>
            </div>
        </div>

        <div class="pc_body user_center_body">
            <div class="pc_w1200">

                <div class="row">
                    <div class="col-md-3">
                        <div class="ucleft">
                            <div class="user_main">
                                <div class="userimg"><img data-src="holder.js/80x80" alt=""></div>
                                <div class="user_info">
                                    <span>arvincao</span>
                                    注册时间：2014-01-21
                                    <a href="">[注销]</a>
                                </div>

                            </div>

                            <ul class="user_nav">
                                <li>
                                    <a href="" class="un_01">
                                        <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                                        订单管理
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_02">
                                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                                        售后服务
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_03 current">
                                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                        账户资料
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_04">
                                        <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                                        收货地址
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-md-9">
                        <div class="ucright">

                            <div class="om_m">
                                <div class="p_tt">
                                    账户资料
                                </div>

                                <ul class="user_infomation_main">
                                    <li>

                                        <div class="user_main2">
                                            <div class="userimg2"><img data-src="holder.js/120x120" alt=""></div>
                                            <div class="user_info2">
                                                <span>修改头像</span>
                                                <button type="submit" class="btn btn-success">上传图片</button>
                                            </div>

                                        </div>

                                    </li>
                                    <li>

                                        <div class="user_main2">
                                            <div class="userimg3"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span></div>
                                            <div class="user_info3">
                                                <div class="bot"><button type="submit" class="btn btn-default"data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">修改</button></div>

                                                <span>账户昵称</span>
                                                arvincao
                                            </div>

                                        </div>
                                        <div class="collapse" id="collapseExample2" style="clear: both; margin: 20px 0 0 0 !important;">
                                            <div class="alert alert-success alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">
                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <div class="form-group">
                                                    <label style="padding-bottom: 10px;">请输入新的账户昵称。</label>
                                                    <input type="text" class="form-control" id="" placeholder="">
                                                </div>
                                                <button type="submit" class="btn btn-default">确认修改</button>
                                            </div>
                                        </div>

                                    </li>
                                    <li>

                                        <div class="user_main2">
                                            <div class="userimg3"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span></div>
                                            <div class="user_info3">
                                                <div class="bot"><button type="submit" class="btn btn-default">修改</button></div>

                                                <span>登录密码</span>
                                                互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。
                                            </div>

                                        </div>

                                    </li>
                                    <li>

                                        <div class="user_main2">
                                            <div class="userimg3"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span></div>
                                            <div class="user_info3">
                                                <div class="bot"><button type="submit" class="btn btn-default">修改</button></div>

                                                <span>安全PIN码</span>
                                                用于密码找回的安全PIN码！
                                            </div>

                                        </div>

                                    </li>
                                </ul>



                            </div>

                        </div>
                    </div>
                </div>


            </div>
        </div>

        <div class="pc_footer">
            <div class="pc_w1200">
                <div class="pc_mod">
                    <div class="footer_ad"><a href=""><img data-src="holder.js/100%x170" alt=""></a></div>

                    <ul class="footer_info">
                        <li class="li_fa">
                            <div class="info_text">
                                品质保障
                                <span>购物至此无忧</span>
                            </div>
                        </li>
                        <li class="li_fb">
                            <div class="info_text">
                                7天退换货
                                <span>售后无忧保障</span>
                            </div>
                        </li>
                        <li class="li_fc">
                            <div class="info_text">
                                特色体验
                                <span>不一样的服务</span>
                            </div>
                        </li>
                        <li class="li_fd">
                            <div class="info_text">
                                帮助中心
                                <span>您的购物指南</span>
                            </div>
                        </li>
                    </ul>
                    <ul class="footer_service">
                        <li class="li_fe">
                            <div class="wx"><img src="assets/img/icons/wx.jpg" alt="" class="img-responsive"/></div>
                            <div class="shuoming">"扫一扫，下载花予茶手机客户端"</div>

                        </li>
                        <li class="li_ff">
                            <img src="assets/img/bg/foot_27.png" alt="" class="img-responsive"/>
                        </li>
                        <li class="li_fg">
                            <div class="tel400">400-100-5678</div>
                            <div class="teltime">周一至周日 08:00-18:00<br>（仅收市话费）</div>
                            <div class="teltime">
                                <div class="tbot"><a href=""><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 7X8小时在线客服</a></div>
                            </div>
                        </li>
                    </ul>
                    <div class="footer_copyright">
                        <span>huayucha.com</span>
                        <span>沪icp证1105665号</span>
                        <span>沪icp备1105665号</span>
                        <span>沪公安网备110566787865号</span>
                        <span>沪网文[2015]0059-0009号</span>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>

<script src="assets/js/holder.js"></script>
<script src="assets/js/alert.js"></script>
<script src="assets/js/collapse.js"></script>

</body>
</html>
